<template>
    <div>
        <slot :games="games"> </slot>
    </div>
</template>
<script setup lang="ts">
    import {reactive} from 'vue'

    let games=reactive(
        [
            {id:'id01',name:'lol'},
            {id:'id02',name:'ow'},
            {id:'id03',name:'hs'},
            {id:'id04',name:'cf'}
        ]
    )

</script>
<style scoped>
div{
    width: 100px;
    height: 100px;
    background-color: skyblue;
}
</style>